<!DOCTYPE>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>百叶窗</title>
</head>

<body>
<center><img src="1.jpg" width="1002" height="656"></center>
<script type="text/javascript">
var s="";
for (i=1;i<=16;++i){
	s=s+'<div id="i'+i+'" style="position:absolute; left:0px; top:0px; background-color:#0066FF; border:'+"0.1px"+' '+"solid"+' '+"#0066FF"+' "></div>';
}
document.write(s);
var speed=30;
var temp=new Array();
var Height=document.body.clientHeight,Top=0;
for (i=1;i<=16;i++){
	temp[i]=document.getElementById("i"+i).style;
	temp[i].width=document.body.clientWidth/16;
	temp[i].height=document.body.clientHeight;
	temp[i].left=(i-1)*parseInt(temp[i].width);
}
function kind(){
	Height-=speed;
	for (i=1;i<=16;i=i+2){
		temp[i].clip="rect(0 auto+"+Height+" 0)";
	}
	Top+=speed
	for (i=2;i<=16;i=i+2){
		temp[i].clip="rect("+Top+" auto auto auto)";
	}
	if (Height<=0)
		clearInterval(tim);
}
tim=setInterval("kind()",100)
</script>
</body>
</html>
